import React, { Component } from 'react'

const Header = function(props){
    return (<>
        <div> 头部 --- {props.name}  </div>
    </>)
}
// 定义函数式组件中的默认值用的方法
// 如果父组件有传递值，那么就会使用父组件传递过来的值
// 如果父组件没有给传值，那么就会使用这里的默认值
Header.defaultProps = {
  name: '老吴',
  age: 18
}



// 类组件定义默认值又两种方法，一种是静态属性，
// 第二种是和函数组件一样使用 组件名.defaultProps 的方式
class Content extends Component {

    // static： 定义静态私有属性，这些属性将不会被继承
    static defaultProps = {
      msg: '你好世界'
    }

    render(){
        return (<>
            <div>
                内容部分 --- {this.props.msg}
            </div>
        </>)
    }
}

// 定义类组件中的默认值用的方法
// 如果父组件有传递值，那么就会使用父组件传递过来的值
// 如果父组件没有给传值，那么就会使用这里的默认值
// Content.defaultProps = {
//   msg: '我不偏科'
// }

export default class App extends Component {
  render() {
    return (
      <div>

        <Header name='小吴' />
        <Content />
      </div>
    )
  }
}
